@charset "utf-8";

/* CSS Document */
/*
*********************************
武汉中网维优网络科技有限公司
http://www.wymonitor.com
联系电话：027-87862018
客服QQ：15035405
*********************************
*/
/*----------------------------通用---------------------------------------*/




body { font-size: 14px; font-family: "微软雅黑"; background: #fff; }

* { padding: 0; margin: 0; }

a { text-decoration: none; }

ul, li { list-style: none; }

img { border: 0; max-width: 100%; }

input { font-family: "微软雅黑"; outline: none; }

.cl { clear: both; height: 0px; }

.fl { float: left; }

.fr { float: right; }

.all { width: 1200px; margin: 0 auto; }

.all1 { width: 1200px; margin: 0 auto; overflow: hidden; }

/*顶部*/


.top { height: 40px; line-height: 40px; background: #333; max-width: 1920px; margin: 0 auto; }

.top_tel { float: left; padding-left:25px; background: url(img/top_tel.png)no-repeat left center; font-size: 12px; color: #aaa; }

.top_search { float: right; height: 40px; }

.top_ewm { display: inline-block; margin-right: 15px; position: relative; }

.search { height: 40px; line-height: 40px; display: inline-block; }

.search { border: 1px solid #fff; border-radius: 12px; margin-top: 8px; height: 22px; line-height: 22px; width: 160px; font-size: 12px; padding: 0 5px 0 10px; }

.search input { border: none; height: 22px; line-height: 22px; background: #333; color: #fff; float: left; }

.search .search1 { width: 140px; }

.search .search2 { background: url(img/top_search.png) no-repeat center; width: 20px; font-size: 0; }

.ewm_son { display: none; position: absolute; top: 40px; left: 0; width: 130px; height: 130px; z-index: 9999; }

.top_ewm:hover .ewm_son { display: block; }

.top_nav { width: 100%; background: #fff; height: 80px; max-width: 1920px; }

.logo { float: left; margin-top: 8px; }

.logo img { width: 138px; height: 64px; }

.nav { float: right; }

.nav ul li { float: left; padding: 20px 0; width: 130px; text-align: center; font-size: 16px; position: relative; }

.nav li a { color: #333; position: relative; height: 40px; line-height: 40px; }

.son { display: none; transition: all 2s; position: absolute; top: 80px; left: 0; z-index: 999; }

.nav .d { border-bottom: 2px solid #f00; color: #f00; padding-bottom: 10px; }

.nav li:hover .son { display: block !important; }

.xb:before { content: url(img/nav_xb.png); width: 6px; height: 6px; position: absolute; right: 15px; top: 50%; margin-top: -1.5px; background-position: center center; }

.nav .son li { padding: 0 8px; float: none; background: #fff; line-height: 40px !important; height: 40px; }

.active { color: #f00 !important; text-decoration: none; display: inline-block; }

.active:before { content: ''; width: 100%; height: 2px; background: #f00; position: absolute; bottom: 0px; left: 0; }

/*banner 样式*/


.w-banner { width: 100%; height: 500px; overflow: hidden; position: relative; }

.w-banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }

.w-banner .bd ul { width: 100% !important; }

.w-banner .bd li { width: 100% !important; height: 500px; overflow: hidden; text-align: center; }

/*服务案例*/


.page_one { padding: 40px 0 65px; }

.page_tit { text-align: center; }

.page_tit p { font-size: 25px; color: #999; }

.page_tit h2 { font-size: 30px; color: #666; font-weight: 500; margin-top: 10px; position: relative; display: inline-block; padding: 0 30px; margin: 0 auto; }

.page_tit h2:before { content: ''; width: 140px; height: 1px; background: #666; position: absolute; left: -140px; top: 50%; }

.page_tit h2:after { content: ''; width: 140px; height: 1px; background: #666; position: absolute; right: -140px; top: 50%; }

.page_one_list { margin-top: 48px; }

.page_one_list ul { width: 1220px; }

.page_one_list ul li { width: 380px; height: 280px; position: relative; float: left; margin: 0 20px 20px 0; }

.page_case_tit { display: table; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; padding: 0 35px; box-sizing: border-box; text-align: center; opacity: 0; transition: opacity 0.5s; }

.page_case_tit h2 { font-size: 20px; color: #fff; font-weight: 500; display: table-cell; vertical-align: middle; }

.page_one_list ul li:hover .page_case_tit { opacity: 1; vertical-align: middle; }

.more { width: 240px; height: 53px; line-height: 53px; background: #ff3333; color: #fff; font-size: 25px; border-radius: 25px; text-align: center; margin: 20px auto 0; }

.more a { color: #fff; }

.more img { vertical-align: top; margin: 15px 0 0 10px; }

/*产品服务中心*/


.page_two { padding: 40px 0 65px; background: #f8f8f8; }

.product_list { margin-top: 48px; text-align: center; }

.product_list ul li { width: 160px; height: 40px; line-height: 40px; font-size: 16px; color: #999; display: inline-block; text-align: center; background: #ccc; margin: 0 30px; cursor: pointer; }

.product_list ul .active1 { background: #ff3333; color: #fff; }
.product_nav ul li .acrive1{ background: #ff3333; color: #fff; }

.nav_list1_con { margin-top: 22px; }

.nav_list1_con ul { width: 1230px; overflow: hidden; min-height: 680px; }

.nav_list1_con ul li { border: 1px solid #efefef; width: 270px; height: 308px; background: #fff; margin: 0 30px 30px 0; float: left; }

.product_img { width: 100%; height: 250px; position:relative; }

.product_img img { width: 100%; max-height:250px; top: 50%; transform: translateY(-50%); position:absolute; }

.product_text { text-align: center; }

.product_text p { font-size: 14px; color: #333; }

.product_text span { font-size: 12px; color: #666; margin-top: 5px; display: block; }

/*新闻中心*/


.news_ban { width: 100%; height: 380px; overflow: hidden; position: relative; margin-top: 48px; }

.news_ban ul li { width: 400px; }

.news_ban .news_li { padding: 0 20px; box-sizing: border-box; float: left; }

.news_ban .news_li .news_img { height: 200px; }

.news_ban .news_li .p1 { margin-top: 12px; font-size: 14px; color: #999; }

.news_ban .news_li .p2 { font-size: 18px; color: #666; margin-top: 15px; }

.news_ban .news_li .p3 { margin-top: 15px; color: #999; font-size: 14px; }

.news_ban .hd1 { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }

.news_ban .hd1 ul { text-align: center; }

.news_ban .hd1 ul li { cursor: pointer; display: inline-block; width: 10px; height: 10px; margin: 1px 3px 1px 1px; overflow: hidden; border: 2px solid #f00; line-height: 999px; border-radius: 50%; }

.news_ban .hd1 ul .active2 { background: #f00; }

/*合作伙伴*/


.Partner_list { margin-top: 48px; }
.Partner_list li span { width:13%; height:45px; display:block; float:left; margin-right:1.28%; margin-bottom: 12px;}
.Partner_list li span img{width:100%; height:100%;}
.Partner_list ul li:nth-child(8n){margin-right:0;}

/*底部样式*/


.foot { background: #333333; padding: 25px 0; }

.foot_list ul { width: 280px; float: left; }

.foot_list ul li a { font-size: 12px; color: #fff; line-height: 30px }

.foot_list ul .foor_tit { font-size: 16px; color: #fff; margin-bottom: 15px; }

.foor_img { display: inline-block; font-size: 0; width: 130px; height: 130px; vertical-align: middle; }

.foot_number { display: inline-block; font-size: 0; vertical-align: middle; margin-left: 23px; }

.foot_tel { float: left; width: 360px; }

.foot_p1 { font-size: 16px; color: #fff; }

.foot_p2 { font-size: 24px; font-weight: 700; color: #fff; margin: 0 0 10px; }

.foot_last { width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #fff; background: #000; text-align: center; }
.foot_last a{color:#fff;}
/*文章样式*/


.ban { height: 450px; width: 100%; }

.article { padding: 40px 0 65px; }

.wz_tit { font-size: 24px; color: #000; text-align: center; }

.wz_js { text-align: center; font-size: 14px; color: #666; margin-top: 20px; }

.wz_con { margin-top: 20px; text-indent: 35px; color: #666; line-height: 30px; }

.wz_con p{font-size:16px; margin-bottom:15px;}
/*公司资质*/


.card { margin-top: 40px; }

.card_tit { font-size: 24px; color: #000; text-align: center; position: relative; }

.card_tit:before { content: ''; width: 20px; height: 2px; background: #999; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }

.card_js { font-size: 14px; text-align: center; margin-top: 30px; color: #666; }

.card_list { margin-top: 60px; }

.card_list ul li { width: 300px; height: 320px; padding: 0 20px; box-sizing: border-box;display: flex;  justify-content: center; align-items: center;}

.card_list li img { width:100%;}

.culture { margin-top: 60px; }

.culture_js { color: #666; font-size: 14px; text-align: center; width: 787px; margin: 20px auto 0; }

.culture_list { width: 787px; margin: 80px auto 0; }

.culture_list ul li { width: 33.33%; float: left; padding: 0 30px; box-sizing: border-box; }

.culture_img { height: 53px; text-align: center; width: 100%; position: relative; }

.culture_img:before { content: ''; width: 50px; height: 1px; background: #000; position: absolute; left: 50%; margin-left: -25px; bottom: -15px; }

.culture_img img { width: auto; height: 100%; }

.culture_tit { font-size: 24px; color: #000; margin-top: 30px; text-align: center; }

.culture_con { font-size: 14px; color: #666; margin-top: 20px; line-height: 30px; }

.culture_con span { font-weight: 700; }

.hzqy { margin-top: 60px; }

.hzqy_list { margin-top: 40px; }

.hzqy_list ul li { width: 138px; float: left; height: 38px; margin-left: 12px; }

/*产品列表*/


.all_two { width: 1120px; margin: 0 auto; }

.product { padding: 40px 0 65px; }

.product_nav { margin-top: 40px; background: #f2f2f2; height: 72px; line-height: 72px; }

.product_nav ul li { width: 20%; text-align: center; float: left; font-size: 0; overflow: hidden; }

.product_nav li a { font-size: 13px; font-weight: 700; color: #000; display: block; }

.pro_list { margin-top: 60px; }

.pro_list ul { width: 1160px; }

.pro_list ul li { width: 358px; margin: 0 20px 20px 0; border: 1px solid #f1f1f1; display: table; text-align: center; float: left; }

.pro_list ul li:hover { border: 1px solid #666; }

.pro_img { width: 100%; height: 260px; display: table-cell; vertical-align: middle; }

.pro_img img { width: 100%; max-height: 260px; }

.pro_text { height: 60px; }

.pro_text p { font-size: 14px; color: #434343; margin: 10px 0 5px; }

.pro_text span { font-size: 12px; color: #999; }

.thisclass{ background: #333; color: #fff !important; }

/*新闻列表*/


.new_nav { text-align: center; margin-top: 40px; }

.new_nav li { width: 150px; display: inline-block; margin: 0 20px; background: #f2f2f2; height: 40px; line-height: 40px; }

.new_nav li a { font-size: 13px; font-weight: 700; color: #000; display: block; }

.new_list { margin-top: 60px; }

.new_list ul li { width: 23%; float: left; padding: 0 1%; margin-bottom: 40px; }

.new_list li .new_img { width: 100%; height: 180px; border: 1px solid #999; position: relative; }

.new_list li img { max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.new_text h3 { font-size: 14px; line-height: 2em; color: #383838; margin: 5px 0px; width:100%; height:28px; line-height:28px;overflow:hidden; } 

.new_text span { background: url(img/time.gif) no-repeat left center; display: block; width: 100%; text-indent: 26px; font-size: 12px; line-height: 12px; height: 12px; color: #7b7b7b; }

.new_text p { font-size: 12px; color: #727272; line-height: 21px; margin-top: 10px; margin-bottom: 15px; }

.newview { display: block; width: 82px; line-height: 34px; text-align: center; border: 1px solid #cbcbcb; background-color: #ffffff; font-size: 12px; color: #727272; }

.newview:hover { background: #1c4587; color: #fff; }

/*新闻文章*/


.new_article { width: 1000px; margin: 0 auto; padding: 40px 0 65px; }

.new_title { font-size:24px; color: #333; line-height: 51px; text-align:center; }

.new_article_time { margin:0 0 30px 0; font-size: 14px; color: #999; line-height: 28px; text-align:center; }

.new_article_con { line-height: 26px; font-size: 14px; color:#333; font-weight: 400; }

.article_article p { line-height: 26px; font-size: 14px; color: rgba(102,102,102,1); font-weight: 400; }

.article_article img { max-width: 100% !important; height: auto !important; text-align: center; }

/*产品内容*/


.all_one { width: 1000px; margin: 0 auto; }

.position { width: 100%; height: 50px; border-bottom: 1px solid #DDDDDD; }

.position a { color: #e50012; font-size: 14px; line-height: 50px; }

.position a:last-child { color: #666 !important; }

.cp_nav { margin-top: 60px; }

.ny_right { margin: 0 auto; width: 1000px; border: 1px solid #e4e4e4; padding: 10px; position: relative; }

.imgMedium { position: relative; }

.imgLeft { float: left; border: 1px solid #eee; position: relative; }

.imgLeft .magnifier { position: absolute; display: none; width: 200px; height: 200px; }

.mediumContainer { width: 600px; height: 400px; border: 1px solid #eee; overflow: hidden; }

#zhezhao { width: 600px; height: 400px; background: transparent; position: absolute; top: 0; border: 1px solid transparent; }

#zhezhao:hover { cursor: move; }

.img_x { width: 560px; height: 123px; margin: 20px auto 0; }

.img_x li { width: 114px !important; height: 98px; border: 2px solid transparent; padding: 10px 6px; float: left; }

.img_x li img { width: 100%; height: 100%; }

.img_u { width: 320px; height: 280px; border: 1px solid #eee; float: right; margin-left: 15px; overflow: hidden; display: none; }

.mediumContainer img { width: 100%; height: 100%; }

.img_u { position: absolute; right: 25px; top: 12px; z-index: 555; box-shadow: 0 0 6px 3px #999; }

.tit_right { float: left; width: 320px; padding: 0 20px; }

.tit_right .ny_tit { font-size: 24px; color: #333333; line-height: 50px; border-bottom: 1px solid #e4e4e4; }

.nll { font-size: 16px; line-height: 30px; color: #707070; }

.tit_right .border { margin-top: 15px; height: 20px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

.cpms { margin-top: 50px; width: 100%; height: auto; }

.ms_tit { background: #65beba; color: #fff; padding: 0 25px; height: 45px; line-height: 45px; width: auto; display: inline-table; cursor: pointer; }

.ms_content { width: 100%; border: 1px solid #e4e4e4; padding: 20px; font-size: 12px; color: #333; box-sizing: border-box; }

.hhd { width: 520px; margin: 0 auto; overflow: hidden; position: relative; }

.ny_right .prev { display: block; width: 28px; height: 75px; background: #999 url(img/left22.png) no-repeat center; position: absolute; bottom: 25px; left: 0px; }

.ny_right .next { display: block; position: absolute; width: 28px; height: 75px; background: #999 url(img/right22.png) no-repeat center; bottom: 25px; right: 0px; }

.ny_right .next:hover { background: #999 url(img/right11.png) no-repeat center; }

.ny_right .prev:hover { background: #999 url(img/left11.png) no-repeat center; }

.sxp { width: 100%; padding: 20px; border: 1px solid #e4e4e4; border-top: none; font-size: 14px; box-sizing: border-box; }

.sxp_left { float: left; color: #969696; }

.sxp_right { float: right; color: #969696; }

.sxp a { color: #000; }

/*联系我们*/

.address { background: #f5f5f5; padding: 80px 0; }

.address_tit { text-align: center; line-height: 40px; font-size: 30px; color: #000000; }

.address_list { border: solid 1px #e6e6e6; box-sizing: border-box;}

.address_list ul li { width: 33.33%; float: left; border-left: solid 1px #e6e6e6; box-sizing: border-box; background: #fff; padding: 102px 40px 68px 40px; background: #fff; text-align: center; }

.address_list li .address_icon { height: 56px; }

.address_icon img { max-height: 100%; }

.address_list li .min_tit { line-height: 30px; font-size: 24px; color: #000000; margin-top: 24px; padding-bottom: 38px; background: url(skin/img/add_line.gif) repeat-x 0 bottom; }

.address_list li .address_text { line-height: 24px; font-size: 16px; color: #666666; margin-top: 35px; height: 100px; }

/*map样式开始*/

.map_page { padding: 80px 0; }
.map_list{margin-top:60px;}
.map_list ul li:nth-child(1) { border-left: 1px solid #e6e6e6; }

.map_list ul li { width: 25%; float: left; border-right: solid 1px #e6e6e6; border-bottom: solid 1px #e6e6e6; box-sizing: border-box; text-align: center; padding-bottom: 66px; border-top: solid 1px #e6e6e6; background:#fff; }

.map_img { height: 138px; margin-top: 75px; }

.map_text { line-height: 30px; font-size: 18px; color: #666666; margin-top: 40px; height: 60px; }

/*分享*/

.Collection { float: right; }

.h_right a { padding: 0 14px; color: #999999; font-size: 12px; line-height: 38px; }

.share { float: right; }

.share a { width: 18px; height: 18px !important; line-height: 38px; padding: 0 14px; position: relative; display: block; margin-top: 10px !important; float: left !important; }

.share a:nth-child(1) { background: url(img/bds_weixin.png) no-repeat center; }

.share a:nth-child(2) { background: url(img/bds_sqq.png) no-repeat center; }

.share a:nth-child(3) { background: url(img/bds_tsina.png) no-repeat center; }

.share a:after { background: url(img/ep_t_fx.png) no-repeat right center; content: ""; width: 1px; height: 12px; position: absolute; top: 3px; left: -1px; }

.share a:hover { color: #333; opacity: 0.8; }

/*代理品牌*/
.brand_list{margin-top:60px;}
.brand_list ul li{float:left; width:20%; height:100px; padding:0 10px; box-sizing:border-box; margin-bottom:20px;}
.brand_list li img{width:100%; height:100%; border:1px solid #999;}

/* pages */
.pages UL { float: right; }
.pages UL LI { width: auto; float: LEFT; border: 1px solid #ccc;  margin-bottom: 30px; color: #888; display:block; padding:6px 10px; text-align:center; margin-right:6px; }
.pages UL LI span{ line-height:35px; margin:0 10px;}
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #888; }
.pages UL LI:hover { border: 1px solid #f00; color:#f00; }
.pages UL LI:hover a { color: #f00; }
.thisclass { background: #f00 !important; border: 1px solid #f00 !important; color: #fff !important; }
.thisclass a{color:#fff !important;}